<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <title>我的推广</title>
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="css/mui.css" rel="stylesheet" />
    <link rel="stylesheet" href="./css/public.css?v=20181211" />
    <link rel="stylesheet" href="./css/ticket.css?v=20181211" />
    <link rel="stylesheet" href="./css/distri_detail.css?v=20181211">
    <link href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
    <script src='./js/jquery-3.2.1.min.js'></script>
    <script src="./js/mui.min.js"></script>
    <script src="./js/art-template.js"></script>
    <script src="./js/config.js?v=20181211"></script>
</head>

<body>
<header class="mui-bar mui-bar-nav">
    <a  class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">我的推广</h1>
    <a id="tixian" class="tixian">提现</a>
</header>
<div class="mui-content">
    <div id="slider" class="mui-slider mui-fullscreen">
        <div class="personal">
            <div class="per_pad flex bac_color">
                <div class="img">
                    <img class="member-img">
                </div>
                <div class="flex flex_clown flex_jus_center pernal_text">
                    <p id="nickname"></p>
                    <!--<p>加入时间：<span id=""></span></p>-->
                </div>
            </div>
        </div>
        <div class="distri_detail flex_center">
            <div class="detail_width">
                <div class="flex flex_between">
                    <p class="flex flex_clown flex_ali_center">
                        <span class="font_w">总金额</span>
                        <span class="red_color font_w" id="total">0</span>
                    </p>
                    <p class="flex flex_clown flex_ali_center">
                        <span class="font_w">可提成</span>
                        <span class="red_color font_w" id="able">0</span>
                    </p>
                    <p class="flex flex_clown flex_ali_center">
                        <span class="font_w">已提成</span>
                        <span class="red_color font_w" id="already">0</span>
                    </p>
                    <p class="flex flex_clown flex_ali_center">
                        <span class="font_w">已冻结</span>
                        <span class="red_color font_w" id="freeze">0</span>
                    </p>
                </div>
            </div>
        </div>
        <div id="segmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
            <div class="header">
                <a class="mui-control-item  mui-active flex flex_clown" style="display: flex;flex-direction: column" href="#item1"  data="1">  <!--href="#item1mobile"-->
                    <i class="fa fa-money"></i>
                    <span>推广费明细</span>
                </a>
                <a class="mui-control-item flex flex_clown" href="#item1"  data="2">  <!--href="#item2mobile"-->
                    <i class="fa fa-check-square-o"></i>
                    <span>提现明细</span>
                </a>
                <a class="mui-control-item flex flex_clown" href="#item1"  data="3">  <!--href="#item2mobile"-->
                    <i class="fa fa-users"></i>
                    <span>我的团队</span>
                </a>
                <a class="mui-control-item flex flex_clown to_refer" href ="javascript:void(0)" data="-1">  <!--href="#item2mobile"-->
                    <i class="fa fa-window-restore"></i>
                    <span>二维码推广</span>
                </a>
            </div>
        </div>
        <div  class="mui-slider-group">
            <!--<div id="item1mobile" class="mui-slider-item mui-control-content mui-active" style="overflow-y: scroll;border-bottom: none!important;">
                <div class="mui-scroll-wrapper" id="scroll1">
                    <div class="mui-scroll">
                        <ul class="mui-table-view">
                            <li class="mui-table-view-cell" id="fenye_list1">

                            </li>
                        </ul>
                    </div>
                </div>
            </div>-->
            <div id='item1' class="mui-slider-item mui-control-content" style="border-bottom: none!important;">
                <div class="mui-scroll-wrapper" id="scroll">
                    <div class="mui-scroll">
                        <ul class="mui-table-view">
                            <li class="mui-table-view-cell" id="fenye_list">
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--//佣金明细-->
<script type="text/html" id="fenye_list_data1">
    {{each data data}}
    <div class='good-contanier '>
        <div class="good-contanier goods_content flex flex_between_true">
            <div class=''>
                <p class='goods-title' style="color: #25bdef;padding-bottom: 0.4rem">{{data.created_at}}</p>
                <p class="gray_color">{{data.desc}}</p>
            </div>
            <div class="">
                <p class="red_color">
                    {{if data.type == 1}}
                    <span>+</span>
                    {{/if}}
                    {{if data.type == 0}}
                    <span>-</span>
                    {{/if}}
                    {{data.money}}
                </p>
               <!-- <p class="gray_color">-1</p>-->
            </div>
        </div>
    </div>
    {{/each}}
</script>

<!--//提成明细-->
<script type="text/html" id="fenye_list_data">
    {{each data data}}
    <div class='ticket-detail' style="background: #fff">
        <div class="left">
            <p style="color: #25bdef">{{data.created_at}}</p>
            <p class='left-time red_color'>
                ￥ {{data.money}} （{{data.status_desc}}）
            </p>
        </div>
        <div class="right">
            <p class="gray_color">
                {{if data.account_type == 2}}
                支付宝
                {{/if}}
                {{if data.account_type == 1}}
                微信
                {{/if}}
                {{data.account}}
            </p>
            <p>
                {{if data.account_type == 2}}
                <span class="gray_color">收款人：{{data.account_name}}</span>
                {{/if}}
            </p>
        </div>
    </div>
    {{/each}}
</script>

<!--//提成明细-->
<script type="text/html" id="team-list">
    {{each data data}}
    <div class='margin_bottom' style="background: #fff">
        <div class="per_pad flex">
            <img class="usersImg" src="{{data.avatarurl}}">
            <div style="text-align: left">
                <p class="font_w">{{data.nickname}}</p>
                <p class="gray_color">{{data.created_at}}</p>
            </div>
        </div>

    </div>
    {{/each}}
</script>
<script src='js/commen.js?v=20181211'></script>
<script src='js/distri_detail.js?v=20181211'></script>
</body>

</html>
